
<!DOCTYPE HTML>
<html lang="" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>04. 类 · GitBook</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.2.3">
        
        
        
    
    <link rel="stylesheet" href="gitbook/style.css">

    
            
                
                <link rel="stylesheet" href="gitbook/gitbook-plugin-highlight/website.css">
                
            
                
                <link rel="stylesheet" href="gitbook/gitbook-plugin-search/search.css">
                
            
                
                <link rel="stylesheet" href="gitbook/gitbook-plugin-fontsettings/website.css">
                
            
        

    

    
        
    
        
    
        
    
        
    
        
    
        
    

        
    
    
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="gitbook/images/favicon.ico" type="image/x-icon">

    
    <link rel="next" href="05.function.html" />
    
    
    <link rel="prev" href="03.interface.html" />
    

    </head>
    <body>
        
<div class="book">
    <div class="book-summary">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search" />
</div>

            
                <nav role="navigation">
                


<ul class="summary">
    
    

    

    
        
        
    
        <li class="chapter " data-level="1.1" data-path="./">
            
                <a href="./">
            
                    
                    00. 简介
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.2" data-path="01.typescript-in-5-minutes.html">
            
                <a href="01.typescript-in-5-minutes.html">
            
                    
                    01. 5 分钟上手
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.3" data-path="02. basic-types.md">
            
                <span>
            
                    
                    02. 基础类型
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.4" data-path="03.interface.html">
            
                <a href="03.interface.html">
            
                    
                    03. 接口
            
                </a>
            

            
        </li>
    
        <li class="chapter active" data-level="1.5" data-path="04.class.html">
            
                <a href="04.class.html">
            
                    
                    04. 类
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.6" data-path="05.function.html">
            
                <a href="05.function.html">
            
                    
                    05. 函数
            
                </a>
            

            
        </li>
    
        <li class="chapter " data-level="1.7" data-path="06.generics.html">
            
                <a href="06.generics.html">
            
                    
                    06. 泛型
            
                </a>
            

            
        </li>
    

    

    <li class="divider"></li>

    <li>
        <a href="https://www.gitbook.com" target="blank" class="gitbook-link">
            Published with GitBook
        </a>
    </li>
</ul>


                </nav>
            
        
    </div>

    <div class="book-body">
        
            <div class="body-inner">
                
                    

<div class="book-header" role="navigation">
    

    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href="." >04. 类</a>
    </h1>
</div>




                    <div class="page-wrapper" tabindex="-1" role="main">
                        <div class="page-inner">
                            
<div id="book-search-results">
    <div class="search-noresults">
    
                                <section class="normal markdown-section">
                                
                                <pre><code class="lang-ts"><span class="hljs-keyword">class</span> Student {
    fullName: <span class="hljs-built_in">string</span>;
    <span class="hljs-keyword">constructor</span>(public firstName, public middleInitial, public lastName) {
        <span class="hljs-keyword">this</span>.fullName = firstName + <span class="hljs-string">&quot; &quot;</span> + middleInitial + <span class="hljs-string">&quot; &quot;</span> + lastName;
    }
}

<span class="hljs-keyword">interface</span> Person {
    firstName: <span class="hljs-built_in">string</span>;
    lastName: <span class="hljs-built_in">string</span>;
}

<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">greeter</span>(<span class="hljs-params">person : Person</span>) </span>{
    <span class="hljs-keyword">return</span> <span class="hljs-string">&quot;Hello, &quot;</span> + person.firstName + <span class="hljs-string">&quot; &quot;</span> + person.lastName;
}

<span class="hljs-keyword">let</span> user = <span class="hljs-keyword">new</span> Student(<span class="hljs-string">&quot;Jane&quot;</span>, <span class="hljs-string">&quot;M.&quot;</span>, <span class="hljs-string">&quot;User&quot;</span>);

<span class="hljs-built_in">document</span>.body.innerHTML = greeter(user);
</code></pre>
<h3 id="&#x6CE8;&#x610F;">&#x6CE8;&#x610F;</h3>
<p>&#x8FD9;&#x91CC;&#x7684;&#x7C7B;&#x548C; ES6 &#x7684;&#x7C7B;&#x6709;&#x4E9B;&#x8BB8;&#x5DEE;&#x522B;</p>
<ul>
<li>&#x652F;&#x6301;&#x5728; constructor &#x5916;&#x58F0;&#x660E;&#x5C5E;&#x6027;</li>
<li>&#x5728; constructor &#x5B9A;&#x4E49;&#x7684; public &#x5C5E;&#x6027;&#x4F1A;&#x81EA;&#x52A8;&#x6210;&#x4E3A;&#x8BE5;&#x7C7B;&#x7684;&#x516C;&#x6709;&#x5C5E;&#x6027;&#xFF0C;&#x5E76;&#x5728;&#x4F20;&#x53C2;&#x65F6;&#x521D;&#x59CB;&#x5316;&#xFF08;&#x8FD9;&#x91CC;&#x8FD8;&#x53EF;&#x4EE5;&#x4E3A; private&#x3001;protected&#xFF09;</li>
</ul>
<p>&#x6240;&#x4EE5;&#x8FD9;&#x91CC;&#x7684; Student &#x5728;&#x5B9E;&#x4F8B;&#x5316;&#x6210; user &#x540E;&#x62E5;&#x6709; 4 &#x4E2A;&#x5C5E;&#x6027;&#x5982;&#x4E0B;</p>
<pre><code class="lang-js">user; <span class="hljs-comment">// {fulName: &quot;Jane M. User&quot;, firstName: &quot;Jane&quot;, middleInitial: &quot;M.&quot;, lastName: &quot;User&quot;}</span>
</code></pre>
<h2 id="&#x7EE7;&#x627F;">&#x7EE7;&#x627F;</h2>
<pre><code class="lang-ts"><span class="hljs-keyword">class</span> Animal {
    name: <span class="hljs-built_in">string</span>;
    <span class="hljs-keyword">constructor</span>(theName: string) { <span class="hljs-keyword">this</span>.name = theName; }
    move(distanceInMeters: <span class="hljs-built_in">number</span> = <span class="hljs-number">0</span>) {
        <span class="hljs-built_in">console</span>.log(<span class="hljs-string">`<span class="hljs-subst">${this.name}</span> moved <span class="hljs-subst">${distanceInMeters}</span>m.`</span>);
    }
}

<span class="hljs-keyword">class</span> Snake extends Animal {
    <span class="hljs-keyword">constructor</span>(name: string) { <span class="hljs-keyword">super</span>(name); }
    move(distanceInMeters = <span class="hljs-number">5</span>) {
        <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&quot;Slithering...&quot;</span>);
        <span class="hljs-keyword">super</span>.move(distanceInMeters);
    }
}

<span class="hljs-keyword">class</span> Horse extends Animal {
    <span class="hljs-keyword">constructor</span>(name: string) { <span class="hljs-keyword">super</span>(name); }
    move(distanceInMeters = <span class="hljs-number">45</span>) {
        <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&quot;Galloping...&quot;</span>);
        <span class="hljs-keyword">super</span>.move(distanceInMeters);
    }
}

<span class="hljs-keyword">let</span> sam = <span class="hljs-keyword">new</span> Snake(<span class="hljs-string">&quot;Sammy the Python&quot;</span>);
<span class="hljs-keyword">let</span> tom: Animal = <span class="hljs-keyword">new</span> Horse(<span class="hljs-string">&quot;Tommy the Palomino&quot;</span>);

sam.move();
tom.move(<span class="hljs-number">34</span>);
</code></pre>
<ul>
<li><p>&#x8FD9;&#x91CC; Snake &#x548C; Horse &#x4E3A;&#x5B50;&#x7C7B;&#xFF0C;Animal &#x4E3A;&#x8D85;&#x7C7B;&#xFF0C;&#x4E5F;&#x53EB;&#x7236;&#x7C7B;</p>
</li>
<li><p>&#x5728;&#x57FA;&#x7C7B;&#x7684;&#x6784;&#x9020;&#x51FD;&#x6570;&#x4E2D;&#x8C03;&#x7528; <code>super()</code> &#xFF0C;&#x624D;&#x4F1A;&#x6267;&#x884C;&#x8D85;&#x7C7B;&#x7684;&#x6784;&#x9020;&#x51FD;&#x6570;</p>
</li>
<li><p>Snake &#x548C; Horse &#x90FD;&#x91CD;&#x5199;&#x4E86; move &#x65B9;&#x6CD5;&#xFF0C;&#x4F7F;&#x5F97;&#x4E0D;&#x540C;&#x7684;&#x7C7B;&#x5177;&#x6709;&#x4E0D;&#x540C;&#x7684;&#x529F;&#x80FD;</p>
</li>
</ul>
<h2 id="public--private--protected">public &amp; private &amp; protected</h2>
<p>&#x8FD9;&#x91CC;&#x7C7B;&#x7684;&#x5C5E;&#x6027;&#x9ED8;&#x8BA4;&#x90FD;&#x662F; public&#xFF0C;&#x5373;&#x5916;&#x90E8;&#x53EF;&#x89C1;&#x3002;</p>
<h3 id="private">private</h3>
<p>&#x5F53;&#x7C7B;&#x5185;&#x7684;&#x6210;&#x5458;&#x88AB;&#x6807;&#x8BB0;&#x4E3A; private &#x65F6;&#xFF0C;&#x4ED6;&#x5C31;&#x4E0D;&#x80FD;&#x88AB;&#x7C7B;&#x7684;&#x5916;&#x90E8;&#x8BBF;&#x95EE;&#x3002;</p>
<pre><code class="lang-ts"><span class="hljs-keyword">class</span> Animal {
    <span class="hljs-keyword">private</span> name: <span class="hljs-built_in">string</span>;
    <span class="hljs-keyword">constructor</span>(theName: string) { <span class="hljs-keyword">this</span>.name = theName; }
}

<span class="hljs-keyword">new</span> Animal(<span class="hljs-string">&quot;Cat&quot;</span>).name; <span class="hljs-comment">// &#x9519;&#x8BEF;: &apos;name&apos; &#x662F;&#x79C1;&#x6709;&#x7684;.</span>
</code></pre>
<h3 id="protected">protected</h3>
<p>protected &#x4E0E; private &#x76F8;&#x4F3C;&#xFF0C;&#x552F;&#x4E00;&#x4E0D;&#x540C;&#x7684;&#x662F;&#xFF0C;protected &#x53EF;&#x4EE5;&#x88AB;&#x5B50;&#x7C7B;&#x8BBF;&#x95EE;&#x3002;</p>
<pre><code class="lang-ts"><span class="hljs-keyword">class</span> Person {
    <span class="hljs-keyword">protected</span> name: <span class="hljs-built_in">string</span>;
    <span class="hljs-keyword">protected</span> <span class="hljs-keyword">constructor</span>(theName: string) { <span class="hljs-keyword">this</span>.name = theName; }
}

<span class="hljs-comment">// Employee &#x80FD;&#x591F;&#x7EE7;&#x627F; Person</span>
<span class="hljs-keyword">class</span> Employee extends Person {
    <span class="hljs-keyword">private</span> department: <span class="hljs-built_in">string</span>;

    <span class="hljs-keyword">constructor</span>(name: string, department: string) {
        <span class="hljs-keyword">super</span>(name);
        <span class="hljs-keyword">this</span>.department = department;
    }

    <span class="hljs-keyword">public</span> getElevatorPitch() {
        <span class="hljs-keyword">return</span> <span class="hljs-string">`Hello, my name is <span class="hljs-subst">${this.name}</span> and I work in <span class="hljs-subst">${this.department}</span>.`</span>;
    }
}

<span class="hljs-keyword">let</span> howard = <span class="hljs-keyword">new</span> Employee(<span class="hljs-string">&quot;Howard&quot;</span>, <span class="hljs-string">&quot;Sales&quot;</span>);
<span class="hljs-keyword">let</span> john = <span class="hljs-keyword">new</span> Person(<span class="hljs-string">&quot;John&quot;</span>); <span class="hljs-comment">// &#x9519;&#x8BEF;: &apos;Person&apos; &#x7684;&#x6784;&#x9020;&#x51FD;&#x6570;&#x662F;&#x88AB;&#x4FDD;&#x62A4;&#x7684;.</span>
</code></pre>
<h3 id="readonly">readonly</h3>
<p>readonly &#x5C06;&#x5C5E;&#x6027;&#x8BBE;&#x7F6E;&#x4E3A;&#x53EA;&#x8BFB;&#xFF0C;&#x5FC5;&#x987B;&#x5728;&#x58F0;&#x660E;&#x6216;&#x6784;&#x9020;&#x51FD;&#x6570;&#x4E2D;&#x88AB;&#x521D;&#x59CB;&#x5316;&#x3002;</p>
<pre><code class="lang-ts"><span class="hljs-keyword">class</span> Octopus {
    readonly name: <span class="hljs-built_in">string</span>;
    readonly numberOfLegs: <span class="hljs-built_in">number</span> = <span class="hljs-number">8</span>;
    <span class="hljs-keyword">constructor</span> (theName: string) {
        <span class="hljs-keyword">this</span>.name = theName;
    }
}
<span class="hljs-keyword">let</span> dad = <span class="hljs-keyword">new</span> Octopus(<span class="hljs-string">&quot;Man with the 8 strong legs&quot;</span>);
dad.name = <span class="hljs-string">&quot;Man with the 3-piece suit&quot;</span>; <span class="hljs-comment">// &#x9519;&#x8BEF;! name &#x662F;&#x53EA;&#x8BFB;&#x7684;.</span>
</code></pre>
<h3 id="static">static</h3>
<p>&#x7531; static &#x58F0;&#x660E;&#x7684;&#x9759;&#x6001;&#x5C5E;&#x6027;&#x53EA;&#x5B58;&#x5728;&#x4E8E;&#x7C7B;&#x672C;&#x8EAB;&#xFF0C;&#x800C;&#x4E0D;&#x5B58;&#x5728;&#x7C7B;&#x7684;&#x5B9E;&#x4F8B;&#x4E0A;&#x3002;&#x56E0;&#x6B64;&#xFF0C;&#x4F7F;&#x7528;&#x8FD9;&#x4E2A;&#x5C5E;&#x6027;&#x65F6;&#xFF0C;&#x9700;&#x8981;&#x5728;&#x5C5E;&#x6027;&#x524D;&#xFF0C;&#x52A0;&#x4E0A;&#x7C7B;&#x540D;&#xFF0C;&#x800C;&#x4E0D;&#x662F; this</p>
<pre><code class="lang-ts"><span class="hljs-keyword">class</span> Grid {
    <span class="hljs-keyword">static</span> origin = {x: <span class="hljs-number">0</span>, y: <span class="hljs-number">0</span>};
    calculateDistanceFromOrigin(point: {x: <span class="hljs-built_in">number</span>; y: <span class="hljs-built_in">number</span>;}) {
        <span class="hljs-keyword">let</span> xDist = (point.x - Grid.origin.x);
        <span class="hljs-keyword">let</span> yDist = (point.y - Grid.origin.y);
        <span class="hljs-keyword">return</span> <span class="hljs-built_in">Math</span>.sqrt(xDist * xDist + yDist * yDist) / <span class="hljs-keyword">this</span>.scale;
    }
    <span class="hljs-keyword">constructor</span> (public scale: number) { }
}

<span class="hljs-keyword">let</span> grid1 = <span class="hljs-keyword">new</span> Grid(<span class="hljs-number">1.0</span>);  <span class="hljs-comment">// 1x scale</span>
<span class="hljs-keyword">let</span> grid2 = <span class="hljs-keyword">new</span> Grid(<span class="hljs-number">5.0</span>);  <span class="hljs-comment">// 5x scale</span>

<span class="hljs-built_in">console</span>.log(grid1.calculateDistanceFromOrigin({x: <span class="hljs-number">10</span>, y: <span class="hljs-number">10</span>}));
<span class="hljs-built_in">console</span>.log(grid2.calculateDistanceFromOrigin({x: <span class="hljs-number">10</span>, y: <span class="hljs-number">10</span>}));
</code></pre>
<h2 id="&#x5B58;&#x53D6;&#x5668;">&#x5B58;&#x53D6;&#x5668;</h2>
<pre><code class="lang-ts"><span class="hljs-keyword">let</span> passcode = <span class="hljs-string">&quot;secret passcode&quot;</span>;

<span class="hljs-keyword">class</span> Employee {
    <span class="hljs-keyword">private</span> _fullName: <span class="hljs-built_in">string</span>;

    <span class="hljs-keyword">get</span> fullName(): <span class="hljs-built_in">string</span> {
        <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>._fullName;
    }

    <span class="hljs-keyword">set</span> fullName(newName: <span class="hljs-built_in">string</span>) {
        <span class="hljs-keyword">if</span> (passcode &amp;&amp; passcode == <span class="hljs-string">&quot;secret passcode&quot;</span>) {
            <span class="hljs-keyword">this</span>._fullName = newName;
        }
        <span class="hljs-keyword">else</span> {
            <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&quot;Error: Unauthorized update of employee!&quot;</span>);
        }
    }
}

<span class="hljs-keyword">let</span> employee = <span class="hljs-keyword">new</span> Employee();
employee.fullName = <span class="hljs-string">&quot;Bob Smith&quot;</span>;
<span class="hljs-keyword">if</span> (employee.fullName) {
    alert(employee.fullName);
}
</code></pre>
<h2 id="&#x62BD;&#x8C61;&#x7C7B;-abstract">&#x62BD;&#x8C61;&#x7C7B; <code>abstract</code></h2>
<p>&#x62BD;&#x8C61;&#x7C7B;&#x7528;&#x4F5C;&#x5176;&#x4ED6;&#x6D3E;&#x751F;&#x7C7B;&#x7684;&#x57FA;&#x7C7B;&#x4F7F;&#x7528;&#xFF0C;&#x4E0D;&#x80FD;&#x88AB;&#x76F4;&#x63A5;&#x5B9E;&#x4F8B;&#x5316;&#x3002;</p>
<p>&#x4E0E;&#x63A5;&#x53E3;&#x4E0D;&#x540C;&#xFF0C;&#x62BD;&#x8C61;&#x7C7B;&#x53EF;&#x4EE5;&#x5305;&#x542B;&#x65B9;&#x6CD5;&#x7684;&#x5B9E;&#x73B0;&#x7EC6;&#x8282;&#x3002;</p>
<p><code>abstract</code> &#x5173;&#x952E;&#x5B57;&#x7528;&#x4E8E;&#x5B9A;&#x4E49;&#x62BD;&#x8C61;&#x7C7B;&#x548C;&#x5728;&#x62BD;&#x8C61;&#x7C7B;&#x5185;&#x5BB9;&#x5B9A;&#x4E49;&#x62BD;&#x8C61;&#x65B9;&#x6CD5;&#x3002;</p>
<p>&#x62BD;&#x8C61;&#x65B9;&#x6CD5;&#x4E0D;&#x5305;&#x542B;&#x5177;&#x4F53;&#x5B9E;&#x73B0;&#xFF0C;&#x5E76;&#x4E14;&#x5FC5;&#x987B;&#x5728;&#x6D3E;&#x751F;&#x7C7B;&#x91CC;&#x5B9E;&#x73B0;&#x3002;</p>
<pre><code class="lang-ts"><span class="hljs-keyword">abstract</span> <span class="hljs-keyword">class</span> Animal {
    <span class="hljs-keyword">abstract</span> makeSound(): <span class="hljs-built_in">void</span>;
    move(): <span class="hljs-built_in">void</span> {
        <span class="hljs-built_in">console</span>.log(<span class="hljs-string">&apos;roaming the earch...&apos;</span>);
    }
}
</code></pre>
<h2 id="&#x63A5;&#x53E3;&#x7EE7;&#x627F;&#x7C7B;">&#x63A5;&#x53E3;&#x7EE7;&#x627F;&#x7C7B;</h2>
<pre><code class="lang-ts"><span class="hljs-keyword">class</span> Point {
    x: <span class="hljs-built_in">number</span>;
    y: <span class="hljs-built_in">number</span>;
}

<span class="hljs-keyword">interface</span> Point3d <span class="hljs-keyword">extends</span> Point {
    z: <span class="hljs-built_in">number</span>;
}

<span class="hljs-keyword">let</span> point3d: Point3d = {x: <span class="hljs-number">1</span>, y: <span class="hljs-number">2</span>, z: <span class="hljs-number">3</span>};
</code></pre>

                                
                                </section>
                            
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                        </div>
                    </div>
                
            </div>

            
                
                <a href="03.interface.html" class="navigation navigation-prev " aria-label="Previous page: 03. 接口">
                    <i class="fa fa-angle-left"></i>
                </a>
                
                
                <a href="05.function.html" class="navigation navigation-next " aria-label="Next page: 05. 函数">
                    <i class="fa fa-angle-right"></i>
                </a>
                
            
        
    </div>

    <script>
        var gitbook = gitbook || [];
        gitbook.push(function() {
            gitbook.page.hasChanged({"page":{"title":"04. 类","level":"1.5","depth":1,"next":{"title":"05. 函数","level":"1.6","depth":1,"path":"05.function.md","ref":"05.function.md","articles":[]},"previous":{"title":"03. 接口","level":"1.4","depth":1,"path":"03.interface.md","ref":"03.interface.md","articles":[]},"dir":"ltr"},"config":{"gitbook":"*","theme":"default","variables":{},"plugins":["livereload"],"pluginsConfig":{"livereload":{},"highlight":{},"search":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"sharing":{"facebook":true,"twitter":true,"google":false,"weibo":false,"instapaper":false,"vk":false,"all":["facebook","google","twitter","weibo","instapaper"]},"fontsettings":{"theme":"white","family":"sans","size":2},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"}},"file":{"path":"04.class.md","mtime":"2018-10-09T08:00:25.712Z","type":"markdown"},"gitbook":{"version":"3.2.3","time":"2018-10-10T12:13:20.554Z"},"basePath":".","book":{"language":""}});
        });
    </script>
</div>

        
    <script src="gitbook/gitbook.js"></script>
    <script src="gitbook/theme.js"></script>
    
        
        <script src="gitbook/gitbook-plugin-livereload/plugin.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-search/search-engine.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-search/search.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-sharing/buttons.js"></script>
        
    
        
        <script src="gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
        
    

    </body>
</html>

